﻿<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>苏州宝狮窗业有限公司</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="/templates/mobile/assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="/templates/mobile/assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="css/amazeui.min.css"/>
<link rel="stylesheet" href="css/app.css">
<style>
.dh2 li {
	width: 25%;
	float: left;
	text-align: center;
}
.dh2 li .am-btn-default {
	background-color: #f5f6f9;
}
.dh ul .h200 {height:168px;}
</style>
</head>
<body>
<!-- header start-->
<header data-am-widget="header" class="am-header am-header-default am-header-fixed" style=" position: fixed; z-index: 9999;">
  <div class="am-header-left am-header-nav"> <a href="index.html" class=""> <i class="am-header-icon am-icon-home"></i> </a> </div>
  <h1 class="am-header-title"> <a href="" class=""> <img src="picture/logo.jpg"> </a> </h1>
  <div class="am-header-right am-header-nav"> <a  href="#" data-am-offcanvas="{target: '#admin-offcanvas'}"> <i class="am-header-icon am-icon-bars"></i> </a> </div>
</header>
<!-- header end-->
<!-- sidebar start -->
<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
  <div class="am-offcanvas-bar admin-offcanvas-bar">
    <ul class="am-list admin-sidebar-list">
    	
    	<li><a href="关于宝狮.html" ><p><span class="am-icon-twitter am-icon-lg"></span><br />关于宝狮</p></a></li>
        <li><a href="集成住宅.html" ><p><span class="am-icon-gittip am-icon-lg"></span><br />集成住宅</p></a></li> 
       	<li><a href="宝狮制造.html" ><p><span class="am-icon-skyatlas am-icon-lg"></span><br />宝狮制造</p></a></li> 
        <li><a href="服务中心.html" ><p><span class="am-icon-pie-chart am-icon-lg"></span><br />服务中心</p></a></li> 
        <li><a href="新闻中心.html" ><p><span class="am-icon-newspaper-o am-icon-lg"></span><br />新闻中心</p></a></li> 
        <li><a href="联系我们.html" ><p><span class="am-icon-tty am-icon-lg"></span><br />联系我们</p></a></li> 
    </ul>
  </div>
</div>
<!-- sidebar end -->
<div>
<img src="picture/index-banner.jpg" style="width:100%; height:auto">
</div>


<div class="dh2 am-cf" style="margin:10px 0 0px 0rem;padding-bottom:10px;border-bottom:1px solid #f5f6f9;">
  <div class="am-input-group">
      <input type="text" class="am-form-field" style=" border-bottom-left-radius: 0em; border-top-left-radius: 0em; border:1px solid #BCBCBC; width:96%; margin-left:2%;">
      <span class="am-input-group-btn">
       <button class="am-btn am-btn-default" type="button" style="right:6px; border:1px solid #BCBCBC; border-left:0px solid;"><span class="am-icon-search"></span> </button>
      </span>
  </div>
</div>
<div class="dh am-cf">
  <ul>
    <a href="集成住宅.html">
    <li class="h200"><i class="am-icon-btn am-icon-heart-o" style="width:48px;background-color: #f8f8f8; color: #f37b1d;"></i><span>新品推荐</span></li>
    </a> 
 
    <a href="集成住宅.html">
    <li><i class="am-icon-dot-circle-o am-icon-md"></i><span>结构体系</span></li>
    </a>
    <a href="集成住宅.html">
    <li class="h4"><i class="am-icon-question am-icon-md"></i><span>安装详细</span></li>
    </a>  <a href="新闻中心.html">
    <li class="w200"><i class="am-icon-newspaper-o am-icon-md"></i><span>新闻中心</span></li>
    </a>
  </ul>
</div>

    <div class="am-g am-cf" style="margin-top:10px;">
      <div class="am-u-sm-5 am-fl">
      <h3>作品展示</h3>
      <a href=""><img src="picture/home-1.jpg" style="width:100%; height:auto; margin-top:5px;"></a>
      </div>
      <div class="am-u-sm-7 am-fr">
      <h3>新闻推荐</h3>
      <ul style="font-size:14px; color:#F30;">
      <li><a href="">宝狮即将参加2015印度BIG5PMV</a></li>
      <li><a href="">宝狮在巴林样板房建设有条不紊开展</a></li>
      <li><a href="">宝狮在重庆千野草场项目建设火热进行中</a></li>
      </ul>
      <a href="联系我们.html"><img src="picture/index-1.gif" style="width:100%; height:auto"></a>
      </div>
    </div>


<!-- footer start-->
<footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
  <div class="am-footer-miscs" style="border-top: solid 1px #ececec;">
    <p>版权所有 苏州宝狮窗业有限公司<br />
      联系地址：江苏省苏州市吴中区郭巷九盛港路505号</p>
  </div>
</footer>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default " style="border-top:2px solid #BE1C24;"
      id="">
  <ul class="am-navbar-nav am-cf am-avg-sm-4" style="color:#333333;">
    <li > <a href="#" class="" data-am-modal="{target: '#my-alert'}"> <span class="am-icon-mobile"></span> <span class="am-navbar-label">电话</span> </a> </li>
    <li > <a href="#" class="" data-am-modal="{target: '#my-alert1'}"> <span class="am-icon-phone"></span> <span class="am-navbar-label">传真</span> </a> </li>
    <li > <a href="#" class="" data-am-modal="{target: '#my-alert2'}"> <span class="am-icon-envelope-o"></span> <span class="am-navbar-label">E-mail</span> </a> </li>
  </ul>
</div>
<!-- footer end-->
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
  <div class="am-modal-dialog">
    <div class="am-modal-bd">
      电话：86-512-6596 5836
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert1">
  <div class="am-modal-dialog">
    <div class="am-modal-bd">
      传真：86-512-6596 5838
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert2">
  <div class="am-modal-dialog">
    <div class="am-modal-bd">
      邮箱：carinachen@porshseal.com
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<!--[if (gte IE 9)|!(IE)]><!--> 
<script src="js/jquery.min.js"></script> 
<!--<![endif]--> 
<script src="js/amazeui.min.js"></script> 
<script src="js/app.js"></script>
</body>
</html>
